<!DOCTYPE html 
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>MyFeed - Application</title>
<link rel="stylesheet" href="css/main_app.css" type="text/css" />
<link rel="stylesheet" href="css/common.css" type="text/css" />
<!--[if IE 6]>
<link rel="stylesheet" href="css/IE6fix/common_ie6fix.css" type="text/css" />
<![endif]-->
<!--[if IE 6]>
<link rel="stylesheet" href="css/IE6fix/main_app_ie6fix.css" type="text/css" />
<![endif]-->
<script src="js/Ajax.js" type="text/javascript"></script>
<script src="js/common.js" type="text/javascript"></script>
<script src="js/XMLParser.js" type="text/javascript"></script>
<script src="js/main_app.js" type="text/javascript"></script>
</head>
<body>
<!-- HEADER -->
<div id="header">
    <h1 id="logo"><span>MyFeed (beta) - Your Feeds</span></h1>
    <!-- ACCESSIBILITY HELP -->
    <div class="access_help">
        <a href="#content_wrapper" accesskey="c" >Jump directly to Content in this page</a> | 
        <a href="#profile_wrapper" accesskey="u">Jump to user profile section</a> | 
        <a href="#main_app_navigation" accesskey="n">Jump to navigation menu in this page</a>
    </div>
    <!-- END ACCESSIBILITY HELP -->
    <div id="profile_wrapper">
        <img id="user_avatar" width="40px" height="50px" src="./images/zapp.jpg" alt="User Avatar"/>
        <h3>Nome Utente</h3>
        <span><a href="#" accesskey="o">logout</a> | <a href="#" accesskey="s">settings</a></span>
    </div>
</div>

<div id="alt">
    <ul>
        <li><a href="mobiles/index.html">Mobiles</a></li>
        <li><a href="#">Text Only</a></li>
        <li><a href="access_help.html">Accessibility Help</a></li>
    </ul>
</div>
<!-- END HEADER -->

<div id="content_wrapper">

<!-- NAVIGATION -->
<div id="main_app_navigation">
    
    <ul id="main_app_nav_list">
	    <li><a href="index.html" accesskey="o">H<span class="underlined">o</span>me</a></li>
	    <li><a href="index.html" accesskey="h"><span class="underlined">H</span>elp</a></li>    
    </ul> 
	<ul id="tools">
		<li id="feeds_tool" class="tool_here">
			<form method="post" action="../cgi-bin/browse.pl">
			<input type="hidden" name="id" value="input/id"/>
			<input type="submit" value="Browse Feeds" />
			</form>
		</li>
		<li id="add_tool">
			<form method="post" action="../cgi-bin/addfeed.pl">
			<input type="hidden" name="id" value="input/id"/>
			<input type="submit" value="Add Feed" />
			</form>
		</li>
		<li id="delete_tool">
			<form method="post" action="../cgi-bin/remfeed.pl">
			<input type="hidden" name="id" value="input/id"/>
			<input type="submit" value="Remove Feeds" />
			</form>
		</li>
		<li id="manage_tool">
			<form method="post" action="../cgi-bin/manage.pl">
			<input type="hidden" name="id" value="input/id"/>
			<input type="submit" value="Manage Feeds" />
			</form>
		</li>
	     <!--  <li id="add_tool"><a href="subscribe_tool.html" title="Add new subscription">Add Feed</a></li>
	      <li id="delete_tool"><a href="unsubscribe.html" title="Remove subscription">Delete Feed</a></li>
	      <li id="manage_tool"><a href="manage.html" title="Manage feeds Groups">Manage Feeds</a></li>
	      -->
    </ul>
</div>
<!-- END NAVIGATION -->

<!-- JAVASCRIPT CHECK -->
<script type="text/javascript"></script>
<noscript>
<div id="javascript_warning">
  <p>It seems you don't have javascript enabled.<br/>
      Try the <a href="main_app_feeds_acc.html">accessible version without javascript</a>!
    </p>
</div>
</noscript>
<!-- END JAVASCRIPT CHECK -->

<!-- ACCESSIBILITY NAVIGATION -->  
  <div class="access_help" id="access_tips">
    <a href="#feed_wrapper" accesskey="f">Jump to your feeds in this page</a> | 
    <a href="#feed_items_wrapper" accesskey="i">Jump to items of the selected feed in this page</a> |
    <a href="#feed_content_wrapper" accesskey="n">Jump to content of te selected item in this page</a> |
    <a href="#access_tips" accesskey="l">Jump to accessibility tips</a>
  </div>
<!-- END ACCESSIBILITY NAVIGATION -->

<!-- MAIN CONTENT -->

<!-- FEED WRAPPER -->
  <div id="feed_wrapper">
    <h1>Your Feeds</h1>
    <span class="help_ico"><a href="../help.html" id="feed_wrapper_help" rel="This column is the list of all the feeds you previously subscribed. Click on one of them to have, here on the right, the list of all its items" onclick="return false;"><img src="./images/icons/help.png" /></a></span>
    <!-- FEED TOOLS SECTION -->
    <ul class="order_tools">
    	<li><span id="feeds_filter_tool" class="filter" title="Filter">Filter</span></li>
      <li><span class="order_tag" title="Order by Tag">order by tag</span></li>
      <li><span class="order_alpha"  title="Alphabetical Order">alphabetical order</span></li>
    </ul>
    <div class="filter_box" id="feed_filter">
    	<label for="feed_search">Filter feeds </label><br/>
      <form>
        <input id="feed_search" type="text" value="Search..." onfocus='this.value = ""'/>
        <input id="feeds_filter_submit" type="submit" value="Go!" onclick="return false;" />
    	</form>
    </div>
    <!-- END FEED TOOLS SECTION -->
    <ul id="feed_list">
    	<li><a class="group_title" href="#">Group 1</a>
      	 <ul class="feed_group">
        	<li><a href="./cgi-bin/feedretrieve.pl?url=http://www.xkcd.com/rss.xml" onclick="loadFeedItems('http://www.xkcd.com/rss.xml'); return false;">XKCD</a></li>
      		<li><a href="./cgi-bin/feedretrieve.pl?url=http://www.xkcd.com/rss.xml" onclick="loadFeedItems('http://www.repubblica.it/rss/homepage/rss2.0.xml'); return false;">Repubblica</a></li>
     		<li><a href="./cgi-bin/feedretrieve.pl?url=http://www.xkcd.com/rss.xml" onclick="loadFeedItems('http://feeds2.feedburner.com/Webappers'); return false;">WebAppers</a></li>
      		<li><a href="./cgi-bin/feedretrieve.pl?url=http://www.xkcd.com/rss.xml" onclick="loadFeedItems('http://feedproxy.google.com/cssremix'); return false;">CSSRemix</a></li>
            <li><a href="./cgi-bin/feedretrieve.pl?url=http://www.xkcd.com/rss.xml" onclick="loadFeedItems('http://feeds2.feedburner.com/codinghorror/'); return false;">CodingHorror</a></li>
      	 </ul>
       </li>  
      <li><a class="group_title" href="#">Group 2</a>
      	<ul class="feed_group">
          <li><a href="./cgi-bin/feedretrieve.pl?url=http://www.xkcd.com/rss.xml" onclick="loadFeedItems('http://www.quirksmode.org/blog/index.xml'); return false;">QuirksMode</a></li>
          <li><a href="./cgi-bin/feedretrieve.pl?url=http://www.xkcd.com/rss.xml" onclick="loadFeedItems('http://feeds2.feedburner.com/ajaxian'); return false;">Ajaxian.com</a></li>
          <li><a href="./cgi-bin/feedretrieve.pl?url=http://www.xkcd.com/rss.xml" onclick="loadFeedItems('http://news.google.com/news?pz=1&ned=us&hl=en&topic=t&output=atom'); return false;">Google Tec</a></li>
          <li><a href="./cgi-bin/feedretrieve.pl?url=http://www.xkcd.com/rss.xml" onclick="loadFeedItems('http://www.movietrailertalk.com/feed/'); return false;">MovieTrailerTalk</a></li>
          <li><a href="./cgi-bin/feedretrieve.pl?url=http://www.xkcd.com/rss.xml" onclick="loadFeedItems('http://feeds2.feedburner.com/beppegrillo/rss'); return false;">Beppe Grillo</a></li>
      	</ul>
      </li>
      <li><a class="group_title" href="#">Ungrouped</a>
      	<ul class="feed_group">
        	<li><a href="./cgi-bin/feedretrieve.pl?url=http://www.xkcd.com/rss.xml" onclick=" loadFeedItems('http://en.wikipedia.org/w/index.php?title=Special:RecentChanges&feed=rss'); return false;">Wikipedia RSS</a></li>
          <li><a href="./cgi-bin/feedretrieve.pl?url=http://www.xkcd.com/rss.xml" onclick=" loadFeedItems('http://en.wikipedia.org/w/index.php?title=Special:RecentChanges&feed=atom'); return false;">Wikipedia Atom</a></li>
        </ul>
      </li>
     </ul>
  </div>
  <!-- END FEEDS WRAPPER -->
  
  <!-- FEED ITEMS WRAPPER -->
  <div id="feed_items_wrapper">
  <h1>Feed Items</h1>
  <span class="help_ico"><a href="../help.html" rel="In this column you have the list of all the items of the feed you selected on the left. Click one of them to see its content" id="feed_items_help" onclick="return false;"><img src="./images/icons/help.png" alt="help" /></a></span>
  	<!-- FEED ITEMS TOOLS -->
  		<ul class="order_tools">
        <li><span id="items_filter_tool" class="filter" title="Filter">Filter</span></li>
    	</ul>
       <div class="filter_box" id="items_filter">
       		<form>
        	<label for="items_search">Filter items </label><br/>
          <input id="items_search" type="text" value="Search..." onfocus='this.value = ""'/>
          <input id="items_filter_submit" type="submit" value="Go!" onclick="return false"/>
        </form>
        </div>
    <!-- END FEED ITEMS TOOLS -->
    <!-- Qui va il contenuto dinamico creato con javascript -->
      <p id="he">Select a feed first</p>
  </div>
  <!-- END FEED ITEMS WRAPPER -->
  
  <!-- FEED ITEM CONTENT WRAPPER -->
  <div id="feed_content_wrapper">
    <h1>Feed Item Content</h1>
    <span class="help_ico"><a href="../help.html" rel="Here is the content of the item you previously selected. Maybe the content you see here is not the whole content of the article. To be sure, follow the link under the title to travel to the original post." id="feed_content_help" onclick="return false;"><img src="./images/icons/help.png" alt="help" /></a></span>
    <!-- Contenuto della descrizoine dell'item generato con javascript -->
	<p id="he_cont">Select a feed item to view the description here</p>  
  </div>
  <!-- END FEED ITEM CONTENT WRAPPER -->
</div>
<!-- END MAIN CONTENT -->

<!-- FOOTER -->
<div id="footer">

<ul class="footer_el" id="footer_home">
	<li><a href="../index.html">HOME</a></li>
</ul>

<ul class="footer_el" id="footer_home">
	<li><a href="../index.html">COMMUNITY</a></li>
	<ul>
		<li><a href="../xml/feedindex.xml">Recent Submissions</a></li>	
		<li><a href="../xml/feedindex.xml">Popular Feeds</a></li>
	</ul>
	
</ul>

<ul class="footer_el" id="footer_help">
	<li><a href="#">HELP</a></li>
		<ul>
			<li><a href="#">Walkthrough</a></li>
			<li><a href="../rss_info.html">About RSS</a></li>
			<li><a href="../app_help.html">About MyFeed</a></li>
			<li><a href="../access_help.html">About Accessibility</a></li>
		</ul>
	
</ul>

<ul class="footer_el" id="footer_help">
	<li><a href="#">ABOUT US</a></li>
		<ul>
			<li><a href="#">About MyFeed</a></li>
			<li><a href="#">Who are we?</a></li>
			<li><a href="#">Contact Us</a></li>
			<li><a href="#">Terms of Service</a></li>
			<li><a href="#">Privacy Policy</a></li>
		</ul>
	
</ul>

<ul class="footer_el" id="certs">
	<li>HEY, WE'RE VALID!</li>
		<ul>
	    <li><a href="http://validator.w3.org/check?uri=referer"><img
	        src="http://www.w3.org/Icons/valid-xhtml10-blue"
	        alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a>
	    </li>
	    <li><a href="http://jigsaw.w3.org/css-validator/check/referer">
	        <img style="border:0;width:88px;height:31px"
	            src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
	            alt="CSS Valido!" /></a>
	    </li>
	    
    </ul>
</ul>

</div>
<!-- END FOOTER -->

<!-- ACCESSIBILITY HELP -->
<div class="access_help">
<a href="#header">Jump to top in this page</a>
<!-- END ACCESSIBILITY HELP -->
</div>

</body>
</html>
